<?=$this->headTitle('Регистрация');?>
<?= $this->headMeta()
    ->appendHttpEquiv('Content-Type', 'text/html; charset=UTF-8')
    ->appendHttpEquiv('Content-Language', 'ru');
?>

<script type="text/javascript">


$('body').data('error',false);


$(function()
{
    var mess = "<strong>Внимание!</strong><br /> После успешной регистрации на сайте на Ваш email, указанный при регистрации, придет письмо со ссылкой для активации , письмо может попасть в папку  <span style='color:#FF0000'>'спам'</span>.<br />Кликните по ссылке или скопируйте ее и вставьте в адресную строку браузера."
    var messDiv = $('<div>',{'class':'alert alert-block',style:'float:right;width:250px;font-size:12px',html:mess});
    $('form#registration fieldset dl').find('dt:first').append(messDiv);
    $('#authDataGroup-label').remove();

    var notice = $('<span>',{id:'notice',html:' Звездочкой (<span style=color:#FF0000>*</span>) выделены поля обязательные для заполнения',style:'font-size:12px'});
    var dt = $('form#registration').find('label.required').not('#reg_submit-label');
    var dtLen = dt.length;
    var asterisk = $('<span>',{class:'asterisk',text:'*',style:'color:#FF0000'});
    for(var i=0;i <= dtLen;i++){
        $(dt[i]).append(asterisk.clone());
    }
   $('#reg_submit-label').append(notice).css('margin-bottom','10px');

   var sub = $('#reg_submit').data('check',false);
	$('form#registration input').blur(function(){
		 var formElementId = $(this).parent().prev().find('label').attr('for');
				doValidation(formElementId);
		});
$('span#link').click(function(){
        var	count = $("#captcha-element").parent().find('#captcha-element img');
        if(count.length >1)
        {
            $("#captcha-element img:last-child").remove();
        }

        $.ajax({
            type:'POST',
            url: '/users/index/refresh/format/json',
            success: function(data) {

                $('#captcha-element img').attr('src',data.src);
                $('#captcha-id').attr('value',data.id);
            }
        });
    });
    $("#password").keyup(function(){
        if($("#password").val().length < 6 || $("#password").val().length >16)
        {

        }

    });
    $('#reg_submit').click(function(){
      //  console.log($('#reg_submit').data('check'));
    });
    $('input#reg_submit').hover(function(){
        $(this).focus();
    });

});
function doValidation(id)
{
	var url = '/users/index/validate/format/json'
	var data = {};
		$('form#registration input').each(function()
		{
			data[$(this).attr('name')] = $(this).val();	
		
		});
		$.post(url,data,function(resp)
		{

			if(resp.captcha || resp.username || resp.userlogin || resp.password || resp.confirmpassword || resp.email)
			{

               $('#reg_submit').data('check',false);
			}
			else{

                $('#reg_submit').data('check',true);
			}
			resp['captcha-input']=resp['captcha'];

                $('#'+id).parent().find('.errors').remove();
               var okk =  $("#"+id).parent().find('.ok').remove();


                if( typeof(id) === 'string'){
                    $("#"+id).parent().append(getErrorHtml(resp[id],id));
                }
                else if(typeof(id) ==='object'){
                    for(var i =0;i < id.length;i++){
                        $('#'+id[i]).parent().find('.errors').remove().end().find('.ok').remove();
                        $("#"+id[i]).parent().append(getErrorHtml(resp[id[i]],id[i]));
                    }
                }
		});
	}
	
function getErrorHtml(formData, id)
{	
		if(formData && id){
	
		for(errorKey in formData)
		{
           if(id == 'captcha-input'){
               id = 'captcha';
           }
			var o = '<ul id="errors-'+id+'" class="errors">';
			o+='<li>' + formData[errorKey] + '</li>';
			
			$('#'+id).css({'border':'1px solid #e40045','border-radius':'3px'});
		
			$('#'+id+'-element').css({'padding-bottom':'0px','margin':'0px'});
		}
		o += '</ul>';
		return o;
		}else{

					var ok = '<ul id="ok" class="ok">';
					ok+='<li>' + '<img src="images/ok.png">' + '</li>';
					ok += '</ul>';
					$('#'+id).css('border','1px solid #AAAAAA');
					$('#'+id).css('margin-bottom','5px');
					$('#'+id).css('border-radius','4px');
				
				return ok;
		}
}


function checkform()
{
    var inp = ['username','userlogin','email','password','confirmpassword','captcha-input'];
	doValidation(inp);
	return $('#reg_submit').data('check');
}

</script>

<?= $this->JQuery();?>
<?=$this->form;?>